@charset "UTF-8";

@font-base-size:200px;
@font-design-size:750;

html{
    font-size: 200px;
    font-family: "微软雅黑";
}
@media screen and (min-width: 320px){
  html{
    font-size: 320/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 360px){
  html{
    font-size: 360/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 375px){
  html{
    font-size: 375/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 384px){
  html{
    font-size: 384/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 411px){
  html{
    font-size: 411/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 412px){
  html{
    font-size: 412/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 414px){
  html{
    font-size: 414/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 435px){
  html{
    font-size: 435/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 600px){
  html{
    font-size: 600/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 640px){
  html{
    font-size: 640/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 750px){
  html{
    font-size: 750/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 768px){
  html{
    font-size: 768/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 800px){
  html{
    font-size: 800/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 1080px){
  html{
    font-size: 1080/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 1242px){
  html{
    font-size: 1242/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 1280px){
  html{
    font-size: 1280/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 1440px){
  html{
    font-size: 1440/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 1600px){
  html{
    font-size: 1600/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 1920px){
  html{
    font-size: 1920/@font-design-size*@font-base-size;
  }
}
@media screen and (min-width: 2048px){
  html{
    font-size: 2048/@font-design-size*@font-base-size;
  }
}
@rex : 1/(200rem);

body {
    font-family:arial,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
    font-size: 16*@rex;
}
a {
    color: #333;
    text-decoration: none
}

a:focus,a:hover {
    color: #333;
}

.f-r{float: right;}
.f-l{float: left;}

.fm-pro{

}
